<template>
  <div>
    <f-tag>default</f-tag>
    <f-tag type="primary" dark>primary</f-tag>
    <f-tag type="success" dark>success</f-tag>
    <f-tag type="info" dark>info</f-tag>
    <f-tag type="warning" dark>warning</f-tag>
    <f-tag type="danger" dark>danger</f-tag>
    <f-tag type="magenta">magenta</f-tag>
    <f-tag type="red">red</f-tag>
    <f-tag type="volcano">volcano</f-tag>
    <f-tag type="orange">orange</f-tag>
    <f-tag type="gold">gold</f-tag>
    <f-tag type="cyan">cyan</f-tag>
    <f-tag type="blue">blue</f-tag>
    <f-tag type="geekblue">geekblue</f-tag>
    <f-tag type="purple">purple</f-tag>
  </div>
</template>
